<template>
	<view class="cancel-main">
		<image class="cancel-image" src="../../static/images/icon_cancel_account@3x.png"></image>
		<label class="cancel-text">hi，亲爱的「{{userName}}」</label>
		<label class="cancel-text">注销帐号后，您帐号所有的信息将会被清空,且该操作无法恢复请谨慎操作!</label>
		<button type="default" class="cancel-btn" @click="onCancelClick">确认注销</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userName: "用户名"
			}
		},
		methods: {
			onCancelClick() {
				console.log("注销账号");
				uni.navigateTo({
					url:"./cancelSuccess"
				})
			}
		}
	}
</script>

<style>
	.cancel-main {
		display: flex;
		flex-flow: column;
		align-items: center;
	}

	.cancel-image {
		width: 294rpx;
		height: 256rpx;
		margin: 54rpx 0;
	}

	.cancel-text {
		color: #181818;
		font-size: 28rpx;
		margin: 0 105rpx;
		text-align: center;
	}

	.cancel-btn {
		margin-top: 40rpx !important;
		background-color: #FA5151 !important;
	}
</style>
